<template>
  <div>
    <div class="history-box new-case" v-for="i in caseList" :key="i.id">
      <span class="title">
        <b v-if="isNew">新</b>
        <i>{{(new Date(i.createTime)).format('yyyy/MM/dd hh:mm:ss')}}生成</i>
      </span>
      <div class="strategys flex-h">
        <!-- <span class="flex1" @click="$emit('btnClick',i.id,1)">
          <img src="~@/static/images/icon_balance.png" alt />
          <b>综合平衡策略</b>
        </span> -->
        <span class="flex1" @click="$emit('btnClick',i.id,2)">
          <img src="~@/static/images/icon_colleges.png" alt />
          <b>院校优先策略</b>
        </span>
        <span class="flex1" @click="$emit('btnClick',i.id,3)">
          <img src="~@/static/images/icon_professional.png" alt />
          <b>专业优先策略</b>
        </span>
        <span class="flex1" style="box-shadow:none"></span>
      </div>
    </div>
  </div>
</template>
 
 <script>
import { format } from "~/plugins/filter";
// import { getBalanceRecord } from "~/api/volunteer";
import ls from "store2";
export default {
  props: {
    message: String,
    col: String,
    caseList: Array,
    isNew: {
      type: Boolean,
      default: false
    }
  },

  data() {
    return {};
  },
  computed: {},
  mounted: function() {},
  methods: {
    // getBalanceRecord(id, tys) {
    //   this.$vux.loading.show();
    //   let that = this;
    //   getBalanceRecord(id)
    //     .then(res => {
    //       if (res.code == "0") {
    //         if (res.data) {
    //           ls.set("caseData1", res.data.balance);
    //           ls.set("caseData2", res.data.academy);
    //           ls.set("caseData3", res.data.major);
    //           setTimeout(() => {
    //             ls.set("preUrl", "../volunteer/programrecord");
    //             that.$store.commit("changeUrl", "../volunteer/programrecord");
    //             that.commonJs.gosto("../volunteer/balance", tys);

    //             // ls.set('preUrl', '../zhejiang/programrecord')
		// 						// this.$store.commit('changeUrl', '../zhejiang/programrecord')
		// 						// this.commonJs.gosto('balance', tys)

    //           }, 50);
    //         }
    //       }
    //       this.$vux.loading.hide();
    //     })
    //     .catch(error => {
    //       this.$vux.loading.hide();
    //     });
    // }
    // sures() {
    // 		this.$emit("btnClick")
    // 	}
  }
};
</script>
 
 
 <style scoped lang="less">
.history-box {
  margin-top: 0.3rem;
  .title {
    display: block;
    b {
      display: inline-block;
      width: 0.8rem;
      height: 0.4rem;
      background: rgba(128, 213, 102, 1);
      border-radius: 0.2rem;
      font-size: 0.26rem;
      font-family: PingFangSC;
      font-weight: 600;
      color: rgba(255, 255, 255, 1);
      line-height: 0.4rem;
      text-align: center;
      margin-right: 0.15rem;
    }
    i {
      font-size: 0.26rem;
      font-family: PingFangSC;
      font-weight: 400;
      color: rgba(153, 153, 153, 1);
      line-height: 0.4rem;
    }
  }
  .strategys {
    margin-top: 0.3rem;
    span {
      // width: 2.1rem;
      height: 2rem;
      background: rgba(255, 255, 255, 1);
      box-shadow: 0px 0.02rem 0.1rem 0px rgba(153, 153, 153, 0.2);
      border-radius: 0.1rem;
      img {
        display: block;
        width: 1rem;
        height: 1rem;
        margin: 0.3rem auto 0.2rem;
      }
      b {
        display: block;
        font-size: 0.26rem;
        font-family: PingFangSC;
        font-weight: 600;
        color: rgba(34, 34, 34, 1);
        line-height: 0.5rem;
        text-align: center;
      }
    }
    span:nth-of-type(2) {
      margin-left: 0.3rem;
      margin-right: 0.3rem;
    }
  }
}
</style>
 